// 默认蓝色
:root.theme-default {
  --menu-bg: #001529;
  --menu-bg1: #002140;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #409eff;
}

// 白色
:root.theme-light {
  --menu-bg: #fff;
  --menu-bg1: #fff;
  --menu-color: #409eff;
  --menu-inner-bg: #fff;
  --el-color-primary: #409eff;
}

// 红色
:root.theme-red {
  --menu-bg: #2a0608;
  --menu-bg1: #42090c;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #f5222d;
}

// 橙色
:root.theme-volcano {
  --menu-bg: #2b0e05;
  --menu-bg1: #441708;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #fa541c;
}

// 黄色
:root.theme-yellow {
  --menu-bg: #2b2503;
  --menu-bg1: #443b05;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #fadb14;
}

// 蓝青色
:root.theme-mingQing {
  --menu-bg: #032121;
  --menu-bg1: #053434;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #13c2c2;
}

// 绿色
:root.theme-auroraGreen {
  --menu-bg: #0b1e15;
  --menu-bg1: #112f21;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #52c41a;
}

// 粉色
:root.theme-pink {
  --menu-bg: #28081a;
  --menu-bg1: #3f0d29;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #eb2f96;
}

// 紫色
:root.theme-saucePurple {
  --menu-bg: #130824;
  --menu-bg1: #1f0c38;
  --menu-color: #fefefea6;
  --menu-inner-bg: #0f0303;
  --el-color-primary: #722ed1;
}

// 灰色
:root.theme-grey {
  filter: grayscale(100%);
}

// 弱色
:root.theme-weak {
  filter: invert(80%);
}

// 暗黑模式
:root.dark {
  .right-container {
    background: #020409 !important;
  }

  .header-container,
  .more-operation,
  .vertical-container,
  .log,
  .el-menu--vertical,
  .set-line,
  .el-menu--horizontal,
  .search-doc-footer {
    background: var(--el-bg-color) !important;
  }

  .search,
  .language,
  .user,
  .set {
    color: var(--el-text-color-primary) !important;
  }

  .search-doc-footer{
    color: #ebebeb99;
    box-shadow: 0 -1px #555a64, 0 -3px 6px #45629b1f;

    .box{
      box-shadow: none;
    }
  }
}
